@charset "utf-8";
ul,li{ list-style: none;}
a:hover{ text-decoration: none;}
.clear{ clear: both;}
.w-simImg .img.tel{ background: url(../icon/tel.png) no-repeat left center; margin: 6px 0; 	line-height: 22px; width: 240px;  float: right; text-align: left; padding-left: 50px;}

.w-title25 h2{text-transform:Uppercase;}
.dtitle_name{ font-size: 24px ;}

.w-header {
	background: #fff;
}
.topLogBox, .topLogBox a {
	color: #222;
}
.w-nav li:hover > a, .w-nav li:hover > .li-parent-div > a, .w-nav li.active > a, .w-nav li.active > .li-parent-div > a, .w-admin-header .w-nav .nav_inner > li:hover > a, .w-admin-header .w-nav .nav_inner > li:hover > .li-parent-div > a, .w-admin-header .w-nav .nav_inner > li.active > a, .w-admin-header .w-nav .nav_inner > li.active > .li-parent-div > a {
	color: #fff;
	background: #0077bd;
}
.w-nav li:hover > .li-parent-div > a, .w-nav li.active > .li-parent-div > a{ font-weight: bold;}

.w-nav .submenu li:hover > a, .w-nav .submenu li:hover > .li-parent-div > a, .w-nav .submenu li.active > a, .w-nav .submenu li.active > .li-parent-div > a {
	color: #fff;
	background: #0077bd;
}
.w-nav .submenu li a {
	color: #fff;
}
.menuPc, .w-admin-nav {
	background: #fff;
	border-top: #d0d0d0 1px solid;
}
.menuPc, .w-admin-nav {
	box-shadow: #999 1px 1px 1px;
}
@media (max-width:960px) {
.topLogBoxTel {
	background: #fff;
	border-bottom: #ccc 1px solid;
}
.w-header {
	color: #0077bd!important;
}
.col-right, .w-admin-header .w-admin-nav {
	background: #fff;
}
.w-nav .submenu li a {
	color: #111;
}
}

.i-aa{display:block; height:66px; width:100%; overflow:hidden;}
.i-aa a{display:block; float:left; border-left:1px solid #a3a3a3; height:66px; line-height:66px; width:160px; text-align:center; font-weight: bold; font-size: 16px;}
.i-aa a:hover,.i-aa a.re{color:#0077bd;}
.i-aa a:last-child{border-right:1px #a3a3a3 solid; border-top: 1px #a3a3a3 solid; width:73px; line-height:25px!important;}


.n-prodect-hold{ margin-top: 30px;}
.n-prodect-hold li:nth-child(3n+2){ margin: 0 2%}

.n-prodect-hold .n-prodect-lest { width: 32%; height: auto; float: left; text-align: center; border-radius: 6px;}
.n-prodect-hold .n-prodect-lest img { width: 100%; height: auto; border: 1px solid #ddd;}
.n-prodect-hold .n-prodect-lest p { margin: 10px 0 20px 0; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.n-prodect-hold .n-prodect-lest:hover img{ border: 1px solid #0077bd;}
.n-prodect-hold .n-prodect-lest:hover p a{ color: #0077bd;}


/*产品二级导航*/

.n-pro-guide-second{ margin-top: 20px;}
.n-pro-guide-second>ul{}

.n-pro-guide-second>ul>li{
width:22%; 
float: left;height: 40px;border: 1px solid #0077bd;text-align: center;
vertical-align: middle;position: relative;
}

.n-pro-guide-second>ul>li:nth-child(2){margin:0 2% 0 4%;}
.n-pro-guide-second>ul>li:nth-child(3){margin:0 4% 0 2%;}



.n-pro-guide-second>ul>li>a{

    line-height: 36px;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 16px;

}

.n-pro-guide-second>ul>li>ul{
    width:100%; width: -moz-calc(100% + 2px); width: -webkit-calc(100% + 2px); width: calc(100% + 2px);	
    height: auto;background: rgba(0,119,189,0.9);position: absolute;left: -1px;top:38px;z-index: 1000;display: none;border: 1px solid #0077bd;

}

.n-pro-guide-second>ul>li>ul>a>li{

    height: 40px;line-height: 40px;

}

.n-pro-guide-second>ul>li>ul>a>li:hover{

    background: #fff;color: #fff;

}

.n-pro-guide-second>ul>li>ul>a:hover {

    color: #fff;

}

.n-pro-guide-second>ul>li>ul>a>li>span{

    color: #fff;display: inline-block;;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 180px;

}

.n-pro-guide-second>ul>li>ul>a>li:hover>span{

    color: #0077bd;

}

.n-pro-guide-second>ul>.active{

    background: #0058a6;

}

.n-pro-guide-second>ul>.active span{

    color: #fff;

}

.n-pro-guide-second>ul>.active>ul{

    display: block;

}

/*产品二级导航*/

/*内页样式*/

.n-hold{

    margin: 0 auto;

}
.h-hold{

    margin: 0 auto;

}
.phone-product-guide{
    display:none;
}

/*产品一级导航*/

.n-pro-guide{

    height: 40px;margin-top: 20px;border-bottom: 1px solid #0077bd;overflow: hidden;

}

.n-pro-guide .n-pro-g-left{

    float: left;height: 40px;line-height: 40px;

}

.n-pro-guide .n-pro-g-left i{

    height: 22px;width: 4px;background: #0058a6;display: inline-block;line-height: 40px;vertical-align: middle;

}

.n-pro-guide .n-pro-g-left span{

    color: #000;font-size: 22px;line-height: 40px;vertical-align: middle;display: inline-block;line-height:40px;margin-left: 5px;

}

.n-pro-g-right{

    float: right;height: 40px;line-height: 40px;font-size: 16px;

}





/*文章详情页*/

.n-prodect-hold h1{

    text-align: center;margin-top: 30px;

}

.n-prodect-hold h2{

    font-size: 16px; margin: 20px 0;text-align: center;

}


.n-news-list{

   

}

.n-news-list li{

    height: 160px;overflow: hidden;;border-bottom: 1px dashed #ddd;

}

.n-news-list-left{

    width: 200px;height: 160px;float: left;

}

.n-news-list-left img{

    width: 200px;height: 120px;margin-top: 20px;

}



.n-news-center{

    width: 700px;float: left;margin-top: 40px;

}

.n-news-center p{

    font-size: 16px;line-height: 30px;margin-left: 30px;

}

.n-news-center p:first-child{

    font-size: 18px;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;

}

.n-news-right{

    width: 200px;text-align: center;float: right;

}

.n-news-right p{

    margin-top: 40px;font-size: 14px;

}

.n-news-right  a p{

    width: 100px;height: 30px;border: 1px solid #5d9ad1;margin: 20px auto;line-height: 30px;color: #5d9ad1; margin-top: 40px;font-size: 14px;

}

.n-news-right  a p:hover{

    color: #fff;background: #4489ca;

}

.neinewsbody{

    width: 1000px;margin: 0 auto;line-height: 27px;

}


.h-hold .page
{
    margin-top: 20px;
}
@media (max-width: 1199px)
{
    .h-hold .page
    {
        margin-top: 10px;
    }
}
@media (max-width:767px)
{
    .h-hold .page
    {
        margin-top: 0;
    }
}

.page{text-align:center;}
.page li{display:inline-block;margin:0 3px;cursor:pointer;text-align:center;color:#999;border:1px solid #dbdbdb;background:#fff; padding: 5px 10px;}
@media (max-width:767px){
	.page li{line-height:34px;	height:34px;margin:0 1px 5px 1px;}
}
.page li:first-child {color:#fff;background-color:#ddd;}
.page li:last-child {color:#fff;background-color:#ddd;}

.page li.active,.page li:hover{color:#fff;border-color:#0077bd;background-color:#0077bd;}
.page li.active a,.page li:hover a{color:#fff;}

.page li a{display:block;}
.page li.prev,.page li.next{color:#fff;background-color:#ddd;}
.page li.prev:hover,.page li.next:hover{border-color:#0077bd;background-color:#0077bd;}
@media (max-width:767px){
	.page li{padding: 0px 10px;}
}
@media (min-width:481px){
	.page li.prev{margin-right:26px;
	}
}
@media (min-width:481px){
	.page li.next{margin-left:26px;}
}


@media (max-width: 1000px) {
    .phone-product-guide{
        display: block;background: #fff;
    }
    .phone-product-guide >ul>li{
        width: 50%;
        float: left;
        margin-top: 1%;
        text-align: center;
        display: inline-block;
        position: relative;
    }
    .phone-product-guide >ul>li>span{
        padding: 5px 0;color: #000;white-space: nowrap;background: #dcdcdc;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        width: 96%;
        margin-left: 2%;
    }

    .phone-product-guide >ul>li>ul{
        background: rgba(0,119,189,0.9); display: none;position: absolute;left: 5px;top:30px;z-index: 100;
    }
    .phone-product-guide >ul>li>ul>li>a{
        color: #fff;line-height: 27px;
    }
    .phone-product-guide >ul>.active>span{
        background: url(../images/tit-bg.png) repeat;
    }
    .phone-product-guide >ul>.active>ul{
        display: block;
    }
    .product-hold ul{
        margin-left:0px
    }
    .product-hold ul li{
        width: 50%;text-align: center;
    }
    .product-hold ul li img{
        width: 90%;height: auto;border: 1px solid #fff;;
    }
    .product-hold ul li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li+li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li+li+li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li+li+li+li+li{
        margin-left: 0px;
    }
    .product-hold ul li+li+li+li+li+li+li+li{
        margin-left: 0px;
    }
    .contact{
        width: 100%;
    }
    .contact .contact-left{
        width: 100%;
    }
    .contact .contact-left a{
        margin-top: -25px;
    }
    .contact-right{
        width: 100%;
    }
    .contact-right img{
        width: 100%;height: auto;margin: 10px 0px;
    }
    .about-us{
        width: 100%;
    }
    .about-us .about-us-top{
        height: 40px;line-height: 40px;margin-top: -10px;
    }
    .about-us-left{
        width: 100%;
    }
    .about-us-right{
        width: 100%;
    }
    .about-us-right p{
        text-align: center;margin: 20px 0;padding-top: 10px;
    }
    .about-us-right ul{
        margin-bottom: 0px;padding: 0px 20px;
    }
    .n-prodect-hold ul .n-prodect-lest{
        width:50%;margin-left:0px;margin-right:0px
    }
    .n-prodect-hold ul .n-prodect-lest img{
        width:90%
    }
	
	
	
    .n-pro-guide-second{
        display:none
    }
    .phone-product-guide{
        display:block
    }
    .cpneixi  {
        padding-bottom:30px
    }
    .cpneixi img{
        width:90%
    }
    .n-about-us{
        width:100%;text-align: center
    }
    .n-hold{
        width:100%
    }
    .n-pro-g-right{
        display:none
    }
    .n-about-us  img{
        width:90%
    }
    .n-about-us p{
        width:90%;text-align:left;margin-left:5%;
    }
    .n-news-list{
        width:92%;margin-left:4%;
    }
    .n-news-list li{
        height:130px;
		margin-bottom: 20px;
    }
    .n-news-list-left{
        width: 120px;
        height: 100px;

    }
    .n-news-list-left img{
        width: 120px;
        height: 100px;
        margin-top: 0px;
    }
    .n-news-center{
        width:auto;    margin-top: 10px;  float: none;

    }
    .n-news-right{
        display:none;
    }
    .n-news-center p:first-child {
        font-size: 16px;
        font-weight: bold;
        white-space: normal;
        margin-top:0px;

        line-height: 25px;
        margin-left: 15px;
    }
    .n-news-center p{
        line-height: 25px;
        margin-left: 15px;
    }
    .n-map-size{
        width: 90%;

        margin-top:20px;
        margin-bottom:20px;
        margin-left: 5%;
    }
    .map-hold .map-left {
        width: 100%;

    }
    .map-hold .map-right {
        width: 100%;


    }
    .map-hold .map-right img{
        margin-top:20px;margin-bottom:20px
    }
}
	
	
@media (max-width: 620px) {
	.n-prodect-hold{ padding:  0 10px;}
    .n-prodect-hold .cpdaimg img{ width: 100%}
}

@media (max-width: 552px) {
	.n-news-list-left{ display: none;}
	.n-news-center p{ font-size: 14px; line-height: 20px;}
}